<div class="left-nav" id="leftNav"
     style="position: static; top: 55px; min-height: 120px; max-height: 470px; height: 470px;">
    <div class="left-nav-wrapper">
        <ul class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
            role="menu" style="width: 280px;">
            <li v-for="menu in left_menu" class="ant-menu-submenu ant-menu-submenu-inline"
                role="menuitem">
                <a class="ant-menu-submenu-title"
                     aria-haspopup="true"
                     aria-owns="article-5$Menu" style="padding-left: 24px;" v-bind:href="menu.url">
                    [[ menu.title ]]<i class="ant-menu-submenu-arrow"></i></a>
                <ul id="article-5$Menu"
                    class="ant-menu ant-menu-sub ant-menu-inline" role="menu"
                    style="">
                    <li v-for="child_item in menu.children" class="ant-menu-item chooseItem"
                        role="menuitem" style="padding-left: 48px;">
                        <div class="ant-anchor-wrapper" style="max-height: 100vh;">
                            <div class="ant-anchor fixed">
                                <div class="ant-anchor-ink"><span
                                        class="ant-anchor-ink-ball"
                                        style="top: 12.5px;"></span></div>
                                <div class="ant-anchor-link"><a
                                        class="ant-anchor-link-title" v-bind:href="menu.url+'#'+child_item.title"
                                >[[ child_item.title ]]</a></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>


{% block footerjs %}
<script type="text/javascript">
var app = new Vue({
  delimiters: ['[[', ']]'],
  el: '#leftNav',
  data: {
    left_menu:[
        {
            'title':'接口交互定义',
            'url': 'api?t=api_define.html',
            'children':[
                {'title':'errno状态码定义'},
            ]
        },
        {
            'title':'接入yourhost账号',
            'url': 'api?t=oauth_home.html',
            'children':[
                {'title':'接入账号'},
                {'title':'获取访问令牌'},
                {'title':'刷新访问令牌'},
            ]
        },
        {
            'title':'Oauth授权',
            'url': 'api?t=oauth.html',
            'children':[
                {'title':'流程简介'},
            ]
        },
        {
            'title':'专辑列表',
            'url': 'api?t=album_list.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'音频列表',
            'url': 'api?t=audio_list.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'查询用户的资源访问权限',
            'url': 'api?t=check_permission.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'下单购买',
            'url': 'api?t=add_order.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'通知购买成功',
            'url': 'api?t=notify_order.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'获取资源的播放地址',
            'url': 'api?t=get_playurl.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'查询用户会员信息',
            'url': 'api?t=get_member_info.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
        {
            'title':'查询商品价格',
            'url': 'api?t=get_product_price.html',
            'children':[
                {'title':'参数'},
                {'title':'返回值'},
                {'title':'实例'},
            ]
        },
    ]
  }
})
</script>
{% endblock footerjs %}